import router from './router'
import store from './store'
//import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'
import { canTurnTo } from '@/utils/access'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

//const whiteList = ['/login'] // no redirect whitelist

const turnTo = (to, access, next) => {
  var can = canTurnTo(to.name, access, router.options.routes)
  if (can) next()
  else next({ replace: true, name: 'error_401' })
}

router.beforeEach(async (to, from, next) => {            // 路由实例.路由拦截（异步（将要去的路由(路径)，未跳转前的路由(路径)，将要跳转的下一级路由））{
  // start progress bar
  NProgress.start()                                     // 跳转进度条.开始（）

  // set page title                                     // 设置页面标题
  document.title = getPageTitle(to.meta.title)          // 文档.标题字符串 = 获取页面标题（将要去的路由.元.标题）

  // 确定用户是否已登录 

  // Token的定义：Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token
  // 便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。

  // 使用Token的目的：Token的目的是为了减轻服务器的压力，减少频繁的查询数据库，使服务器更加健壮。

  // 概念：令牌的具体定义方式
  // 规定：令牌由三部分构成 “头”，“载荷”，“签名”
  // 头：包含加密算法。令牌类型等信息
  // 载荷：包含用户信息。签发时间和过期时间等信息，base64编码
  // 签名：根据头 和载荷及秘钥加密得到的哈希串Hmac Sha1 256

  const hasToken = getToken()                           // 常量 hasToken（命名） = 登录后获取的令牌方法
  if (hasToken) {                                       // 如果（hasToken）{
    console.log(to.path)
    if (to.path === '/login') {                         //   如果（将要去的路由.路径 === '/login(登录页面)'）{
      // if is logged in, redirect to the home page     //       //如果已登录，则重定向到主页
      next({ path: '/' })                               //       将要跳转的下一级路由（{路径：'/(主页面)'}）
      NProgress.done()                                  //       跳转进度条.完成（）
    } else {                                            //   } 否则 {
      var userInfo = store.state.user.name              //     变量 userInfo(命名) = 储存(管理应用的所有组件的状态).状态.用户.名称
      if (userInfo) {                                   //   如果 （userInfo存在）{
        turnTo(to, store.state.user.access, next)       //      turnTo（将要去的路由，储存.状态.用户权限数组，将要跳转的下一级路由）
      } else {                                          //   } 否则{  
        console.log('登录成功，已经有token，',
          '但是还没有用户信息，准备获用户信息')             //       输出（‘登录成功，已经有token，但是还没有用户信息，准备获用户信息’）
        //dispatch：含有异步操作，数据提交至 actions ，可用于向后台提交数据
        store.dispatch('user/getInfo').then(user => {   //      储存.dispatch(发出)('user/getInfo').然后（user => {
          turnTo(to, user.access, next)                 //      turnTo（将要去的路由，用户.用户权限数组，将要跳转的下一级路由）
          console.log(next())
        })                                              //      }）
          .catch(() => {                                //        .接着（（）=>{
            console.log('获取 失败！！')                   //           输出（'获取 失败！！'）
            store.dispatch('user/resetToken')             //           储存.dispatch(发出)('user/resetTolken')
            next('/login')                                //            将要跳转的下一级路由（‘/login’）
          })                                              //      }）
      }                                                   //    } 
      // next()
    }                                                     //   }
  }                                                       // }
  else {
    /* has no token*/

    if (to.path === '/login') {
      // in the free login whitelist, go directly
      next()
    } else {
      // other pages that do not have permission to access are redirected to the login page.
      next(`/login`)
      NProgress.done()
    }
  }
})                                                        //})

// const hasToken = token（令牌，获取的用户信息）
// 判断（用户信息是否为真）{
//   判断（将要去的路由 全等于 登录路径）{
//     跳转默认主界面
//     精度条结束
//   }否则{
//     var 用户信息 = 通过储存查询用户名
//     判断（用户信息存在）{
//       turnTo(将要去的路由，用户权限数组，默认下一级路由)
//     }否则{
//       去获取用户信息().then((user)=>{
//         turnTo(将要去的路由，user.用户权限数组，默认下一级路由)
//       }).catch(()=>{
//         重置令牌
//         跳转到登录页面
//       })
//     }
//   }
// }否则{
//   判断（将要去的路由 全等于 登录路径 ）{
//     跳转到默认主界面
//   }否则{
//     跳转到（登录路径）
//     进度条结束 
//   }
// }

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})

